<template>
  <div class="wrap" id="wrap">
    <div style="
                    font-size: 80px;
                    float: left;
                    margin-top: 80px;
                    margin-left: 100px;
                    font-weight: 800;
                    letter-spacing: 5px;
                  ">
      投资项目经济评价原型系统v1.0
    </div>
    <el-card class="logGet">
      <!-- <el-form :model="forms" :rules="rules" ref="loginForm">
        <el-form-item label="登录名" prop="loginName" class="lgD" size="medium">
          <el-input v-model="forms.loginName" placeholder="请输入登录名" class="login-input"></el-input>
        </el-form-item>
        <el-form-item label="密&nbsp;&nbsp;&nbsp;&nbsp;码" prop="password" class="lgD" size="medium">
          <el-input v-model="forms.password" placeholder="请输入密码" class="login-input" show-password></el-input>
        </el-form-item>
        <el-form-item class="logC">
          <el-button type="primary">登录</el-button>
          <el-button>重置</el-button>
        </el-form-item>
      </el-form> -->
    </el-card>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped lang="scss">
#wrap {
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: fixed;
}

#wrap .logGet {
  height: 300px;
  width: 400px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  top: 260px;
  right: 15%;
}

#wrap .logGet .lgD {
  width: 100%;
  height: 40px;
  position: relative;
  margin-bottom: 40px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

#wrap .logGet .lgD>>>.el-form-item__label {
  font-size: 20px;
}

#wrap .logGet .logC>>>.el-form-item__content {
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  display: block;
}

.logGet .lgD .login-input {
  width: 100%;
  height: 40px;
  text-indent: 2.5rem;
}
</style>
